<template>
  <div class="dialog">
    <div :style="{background: color}" v-show="visible" class="wrapper">
      <p @click="$emit('update:visible', false)"> 关闭 </p>
      <p @click="$emit('update:color', 'aquamarine')">换肤</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'sgTest',
  data () {
    return {

    }
  },

  props: {
    visible: {
      type: Boolean,
      default: true
    },
    color: {
      type: String,
      default: 'aquamarine'
    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>
.wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
</style>
